<div id="app">
  <input type="text" v-model="name">
  <span>{{text}}</span>
  <p>{{result}}</p>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
  const delayer1s = () => new Promise(resolve => setTimeout(()=>resolve('jirengu'), 1000))
  const vm = Vue.createApp({
    data() {
      return {
        name: ''
      }
    },
    computed: {
      async result() {
        let result = await delayer1s()
        return result
      }
    },
    // watch: {
    //   async name(newname, oldname) {
    //     let result = await delayer1s()
    //     this.result = result
    //     console.log(oldname + '-->' + newname, result)
    //   }
    // }
  }).mount('#app')
</script>
